/* $Id: colourise.css,v 1.3.2.4 2008/11/23 06:29:43 gibbozer Exp $ */

/**
 * Template Name : Colourise, for Drupal 6.x
 * Author : Sungsit Sawaiwan (Gibbo), http://webzer.net/
 *
 * Original Design : http://www.styleshout.com/
 * Original Author : Erwin Aligam
 * Creative Commons Attribution 2.5 License
 */

/**
 * Generic Elements
 */
body {
  position: relative;
  color: #aaa;
  background: #070707 url(../images/bg.jpg) center top no-repeat;
}

input.form-text {
  cursor: text;
}

input, select, textarea {
  padding: 2px 4px;
  font-size: 1em;
  color: #eee;
  background: #222;
  border: 1px solid #444;
}

blockquote {
  margin: 20px 0;
  padding: 20px 20px 20px 50px;
  color: #bb9;
  background: #111 url(../images/quote.jpg) no-repeat 10px 10px;
  border: #333 solid 1px;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
}

#wrap .codeblock {
  margin: 10px 0;
  padding: 5px 10px;
  color: #333;
  background: #ccc;
  border: #eee solid 1px;;
}

#nav-access {
  height: 0;
  visibility: hidden;
  margin: 0;
  padding: 0;
}

/**
 * Master Layout
 */
#wrap {
  position: relative;
  width: 880px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
}

#header {
  position: relative;
  height: 400px;
  border-bottom: 1px solid #222;
}

#content-wrap {
  position: relative;
  width: 880px;
  margin-top: 30px;
}

#main {
  float: left;
  width: 580px;	
}

#sidebar {
  float: left;
  width: 220px;
  margin-left: 80px;
}

#footer {
  position: relative;
  width: 880px;
  clear: both;
  margin-top: 20px;
  padding-top: 20px;
  background: transparent url(../images/footer-top.jpg) no-repeat center top;
}

/**
 * Site Name and Slogan
 */
#header h1#site-name a {
  position: absolute;
  top: 90px;
  left: 0;
  color: #fff;
}

#header p#slogan {
  position: absolute;
  top: 180px;
  left: 0;
  width: 580px;
  color: #c95;
}

/**
 * Header Primary Links
 */
#primary-nav {
  position: absolute;
  left: 0;
  top: 0;	
  height: 40px;
  width: 880px;	
  border-bottom: 1px solid #222;
}

#primary-nav ul {
  float: left;
  height: 40px;
  list-style: none;	
}

#primary-nav ul li {
  display: inline;
  margin: 0 1em 0 0;
  padding: 0;
}

#primary-nav ul li a {
  margin: 0;
  color: #8b3;
}

#primary-nav ul li a:hover,
#primary-nav ul li a:active {
  color: #eee;
  background: none;
  border: none;
}

#primary-nav ul li.active a {
  color: #fff;	
}

/**
 * Header Search Box
 */
#header #search {
 border: #444 solid 1px;
}

#header form#search-theme-form {
  position: absolute;
  top: 3px;
  right: 0;
  height: 30px;
  width: 262px;
  margin: 0;
  padding: 0;
  border: none;
  color: #aaa;
  background: url(../images/header-search.jpg) no-repeat;
  z-index: 9;
}

#header form#search-theme-form .form-text {
  width: 210px;
  margin: 2px 0 0 5px;
  color: #aaa;
  background: none;
  font-size: 16px;
  border: none;
}

#header form#search-theme-form label,
#header form#search-theme-form .form-submit {
  display: none;
}

/**
 * Header Breadcrumb
 */
#header .breadcrumb {
  position: absolute;
  top: 370px;
  left: 0;
}

#header .breadcrumb a {
  color: #fff;
}

#header .breadcrumb a:hover {
  color: #9c4;
}

/**
 * Main Content
 */
#mission {
  margin: 20px 0;
  padding: 20px 20px 20px 50px;
  color: #ffc;
  background: #111 url(../images/quote.jpg) no-repeat 10px 10px;
  font-size: 1.5em;
  line-height: 1.5em;
  border: #333 solid 1px;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
}

#main .node {
  margin: 0 0 30px 0;
  padding: 0 0 30px 0;
  background: #070707;
}

#main h1.title {
  margin-bottom: 20px;
  padding-bottom: 5px;
  color: #c95;
  background:transparent url(../images/footer-top.jpg) 50% 100% no-repeat;
}

#main .item-list ul {
  margin-bottom: 40px;
}

#main h2.title {
  margin-bottom: 5px;
}

#main h2 a {
  display: block;
  padding-bottom: 5px;
  color: #eee;
  border-bottom: #444 dashed 1px;
}

#main h2 a:hover {
  color: #9c4;
  border-bottom: #9c4 dashed 1px;
}

#main .article ul {
  padding-left: 0;
}

#main .content li {
  padding: 5px 0;
}

#main .post-info {
  color: #dda;
  margin-bottom: 20px;
  font-size: 0.9em;
}

#main .post-info a {
  color: #f84;
}

#main .post-info a:hover {
  color: #fff;
}

#main .post-info span.submitted {
  margin-right: 1em;
}

#main .node-links{
  padding: 3px;
  background: #222;
  border: #333 solid 1px;
}

#main .picture {
  float: right;
  margin: 5px 0 10px 10px;
}

#main .user-signature {
  padding: 10px 0;
  color: #ffc;
  border-top: #553 dashed 1px;
}

#main .help {
  color: #dd9;
}

a.feed-icon img {
  margin: 0;
  padding: 3px;
  background: #444;
}

a:hover.feed-icon img {
  background: #fff;
}

#wrap .more-link {
  font-size:1.5em;
  text-align: left;
}

#wrap .more-link a {
  color: #d62;
}

#wrap .more-link a:hover {
  color: #fff;
}

/**
 * Sidebar
 */
#sidebar a {
  color: #999;
}

#sidebar a:hover {
  color: #fff;
}

#sidebar a.active {
  color: #fff;
}

#sidebar .block {
  margin-bottom: 40px;
}
 
#sidebar h2 {
  margin-bottom: 10px;
  padding: 5px 0;
  color: #ccc;
  background: url(../images/footer-top.jpg) no-repeat 50% 100%;
}

#sidebar h3 {
  margin-bottom: 10px;
}

#sidebar .item-list ul {
  margin: 0;
  padding: 0;
}

#sidebar .item-list ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#sidebar .item-list ul li a {
  display: block;
  padding: 0;
  color: #777;
}

#sidebar .item-list ul li a:hover,
#sidebar .item-list ul li a.active {
  display: block;
  color: #fff;
}

/**
 * Footer
 */
#footer {
  color: #ccc;
}

#footer a {
  color: #777;
}

#footer a:hover,
#footer a.active {
  color: #fff;
}

#footer #site-credit {
  margin-top: 20px;
  padding-top: 10px; 
  background:transparent url(../images/footer-top.jpg) 50% 0 no-repeat;
}

#footer .column {
  float: left;
  width: 280px;
  margin-right: 20px;
}

#footer #last {
  margin-right: 0;
}

#footer .column .block {
  margin-bottom: 30px;
}

#footer h2 {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: #333 solid 1px;
}

#footer .item-list ul {
  margin: 0;
  padding: 0;
}

#footer .item-list ul li {
  margin: 0;
  padding: 5px 0;
  list-style: none;
}

#site-credit {
  width: 880px;
  clear: both;
}

#site-credit p {
  margin: 0;
}

#site-credit a {
  color: #8b3;
}

#site-credit a:hover {
  color: #fff;
}

/**
 * Modules overriding
 */

/* node.css */
#main .node-form .form-text {
  width: 98%;
}

/* Comments */
#main #comments {
  padding-top: 20px;
  background: transparent url(../images/footer-top.jpg) no-repeat center top;
}

#main .comment {
 margin-bottom: 20px;
 padding: 10px 20px;
 color: #ccc;
 background: #222;
 border: #333 solid 1px;
}

#main .comment h3 {
  margin-bottom: 0;
}

#main .comment h3 a {
  color: #d62;
}

#main .comment .submitted {
  color: #777;
  margin-bottom: 20px;
  font-size: 0.9em;
}

#main .comment .content {
  font-size: 1.2em;
  line-height: 1.5em;
}

#main .comment ul.links li {
  padding: 0;
  margin-right: 1em;
  margin-left: 0;
}

#main #comments .box h2 {
  margin-bottom: 10px;
  padding-bottom: 5px;
  color: #c95;
  border-bottom: #222 solid 1px;
}

#comments textarea {
  width: 570px;
}

/* book.css */
#main .book-navigation .menu {
  margin: 0;
  padding: 10px 0;
  padding-left:20px;
  border-top: #333 solid 1px;
}

#main .book-navigation .menu li {
 padding: 0;
}

#main .book-navigation .page-links {
  border-top: #333 solid 1px;
  border-bottom: 0;
}

#main .book-navigation a {
  color: #8b3;
}

#main .book-navigation a:hover {
  color: #fff;
}

#main #book-outline {
  min-width: 80%;
}

/* system.css */
tr.odd {
  background: #222;
  border-bottom: #333 solid 1px;
}

tr.even {
  color: #ddd;
  background: #333;
  border-bottom: #333 solid 1px;
}

td.active {
  color: #ccc;
  background: #454;
  border-bottom: #333 solid 1px;
}

table.sticky-header {
  background: #111;
}

textarea#edit-body {
  width: 570px;
}

#main .resizable-textarea .grippie {
  background: transparent url(../images/grippie.png) 50% 50% no-repeat;
  border: 0 none;
}

div.teaser-button-wrapper {
  padding-right: 0;
}

html.js fieldset.collapsed {
  margin-bottom: 10px;
}

html.js fieldset.collapsible legend a {
  padding-left: 20px;
  padding-right: 10px;
  color: #5be;
  background-image: url(../images/menu-expanded.gif);
}

html.js fieldset.collapsed legend a {
  padding-left: 20px;
  padding-right: 10px;
  color: #5be;
  background-image: url(../images/menu-collapsed.gif);
}

html.js fieldset.collapsible legend a:hover {
  color: #fff;
  padding-right: 10px;
}

div.warning,
div.messages,
div.status {
  margin-bottom: 20px;
  padding: 5px 10px;
  color: #000;
  background: #eec;
  border: #ff0 solid 1px;
}

div.messages.error {
  color: #300;
  background: #ffe;
  border: #d30 solid 1px;
}

.warning a {
  color: #d30;
  font-weight: bold;
}

.warning a:hover {
  color: #28b;
  font-weight: bold;
}

#main table tbody .warning a {
  color: #d30;
}

#main table tbody a:hover {
  color: #fff;
}

th a.active {
  color: #9c4;
}

th a:hover.active,
th.active a.active {
  color: #fff;
}

th.active img {
  margin-left: 5px;
}

#main .ok {
  color: #bbb;
}

#main div.error {
  margin-bottom: 20px;
  padding: 5px 10px;;
  font-size: 1.2em;
  line-height: 1.2em;
}

#main .error a {
  color: #f00;
  font-weight: bold;
}

#main .error a:hover {
  color: #28b;
}

#main tr.error.odd {
  color: #eee;
  background: #411;
}
#main tr.error.even, {
  color: #eee;
  background: #522;
}

#main tr.error a {
  color: #f00;
}

#main tr.error a:hover {
  color: #5be;
}

#main tr.info {
  color: #fff;
}

#main table.system-status-report {
  width: 100%;
}

#main table.system-status-report tr.warning {
  color: #eed;
}

table.system-status-report th {
  border-bottom: 0 none;
}

ul.tips {
  margin-left: 20px;
  margin-bottom: 10px;
}

#main ul.primary {
  border-collapse: collapse;
  padding: 0 0 0 1em;
  white-space: nowrap;
  list-style: none;
  margin: 5px 0;
  height: auto;
  line-height: normal;
  border-bottom: #333 1px solid;
}

#main ul.primary li {
  margin: 0;
  padding: 0;
}

#main ul.primary li a{
  background-color: #333;
  border-color: #222;
  border-width: 1px;
  border-style: solid solid none solid;
  height: auto;
  margin-right: 0.5em;
  padding: 3px 10px 0 10px;
  text-decoration: none;
}

#main ul.primary li a:hover,
#main ul.primary li a.active {
  color: #fff;
  background-color: #333;
  border-color: #222;
  border-width: 1px;
  border-style: solid solid none solid;
  height: auto;
  margin-right: 0.5em;
  padding: 3px 10px 0 10px;
  text-decoration: none;
}

#main ul.secondary {
  padding: 0.5em;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #222;
}

#main ul.secondary li {
  display: inline;
  padding: 0 1em;
  border-right: 1px solid #ccc;
}

#main ul.secondary a {
  padding: 0;
  text-decoration: none;
}

#main ul.secondary a.active {
  color: #fff;
  border-bottom: 0;
}

#main .item-list .pager {
  display: block;
  clear: both;
  text-align: left;
  margin: 20px 0;
  font-size: 16px;
  color: #eee;
}

#main .item-list .pager li {
  margin: 0 8px 0 0;
  padding: 0;
}

#main .item-list .pager li a {
  color: #9c4;
}

#main .item-list .pager li a:hover {
  color: #fff;
}

.theme-info .description {
  font-size: 11px;
}

.theme-info h2 {
  font-size: 13px;
  color: #eee;
}

/* user */
#user-login-form {
  font-size: 1.4em;
  text-align: left;
}

#user-login-form input {
  margin: 5px 0;
}

#user-login-form input.form-text {
  width: 210px;
}

#user-login-form .item-list ul li {
  padding: 0.2em 0;
  list-style: none;
  font-size: 14px;
  line-height: 20px;
}

#main #permissions td.module {
  color: #eea;
  font-size: 1.2em;
}

/* openid.css */
#user-login-form li.openid-link,
#user-login li.openid-link {
  background-image: none;
}

/* dblog.css */
tr.dblog-user .active,
tr.dblog-error .active,
tr.dblog-content .active,
tr.dblog-page-not-found .active,
tr.dblog-access-denied .active {
  color: #000;
}

/* block.css */
.block-region {
  padding: 5px 10px;
  color: #555;
  background: #ffc;
  font-size: 1.5em;
  font-weight: bold;
}

.content-block {
  margin-bottom: 20px;
  padding: 10px 20px;
  color: #ccc;
  background: #222;
  border: #444 solid 1px;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
}

#bottom-content-block {
  margin-top: 20px;
}

.content-block h2 {
  margin-bottom: 10px;
  border-bottom:1px solid #444;
}

/* Search */
#search-block-form label {
  display: none;
}

/* aggregator.css */
#aggregator .feed-source {
  margin: 20px 0;
  font-size: 1.5em;
  line-height: 1.5em;
}

#aggregator .feed-item {
  margin-bottom: 20px;
  padding: 10px 20px;
  color: #ccc;
  background: #070707;
  border: #444 solid 1px;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
}

/* forum.css */
#forum {
  margin-bottom: 20px;
}

#forum table {
  width: 100%;
  margin: 20px 0;
}

.forum-topic-navigation .topic-previous {
  text-align: left;
}

.forum-topic-navigation .topic-next {
  text-align: right;
}

/* update.css */
div.update {
  margin: 20px 0;
}
.update tr.ok.odd  {
  background: #222;
}
.update tr.ok.even  {
  background: #333;
}

.update tr.error {
  background: #fdb;
}

#main .update tr.error a {
  color: #d00;
  font-weight: bold;
}

#main .update tr.error a:hover {
  color: #5be;
}

.update tr.error .version-recommended {
  background: #000;
}

.update table.version td {
  padding: 0.5em 0;
}

/* admin.css */
div.admin {
  margin-bottom: 20px;
  padding-top: 0;
}

div.admin-dependencies,
div.admin-required {
  font-size: 0.9em;
  color: #eea;
}

span.admin-disabled {
  color: #c33;
}

/* admin.css IE fix */
* html div.admin .left,
* html div.admin .right {
  width: 42%;
}

/**
 * Grid Background
 * If you altered the theme layout then want to check the grid base positioning,
 * Just uncomment the #wrap selector below to view the Grid.
 */

/*
  #wrap {
  background: #070707 url(../images/16_col.gif) repeat-y 0 0;
}
*/